<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>6-修改元素对象相关</title>
	</head>
	<body>
		<input type="text" uid="10" name="username">
		<div data-uid='10' data-cid='20'></div>
		<script type="text/javascript">
			//修改元素的属性值
			document.querySelector('input').type='password';
			document.querySelector('div').innerText = '文字';
			document.querySelector('div').innerHTML = '<span>...</span>';
			document.querySelector('input').value;
			document.querySelector('input').style.color='red';
			document.querySelector('input').style.cssText ='';
			document.querySelector('div').className = 'cur';
			
			//获取元素
			document.getElementById('');
			document.getElementsByTagName('ul');//集合
			document.querySelector('div');
			document.querySelector('.cur');
			document.querySelector('#cur');
			document.querySelectorAll('input')
			
			//获取元素属性
			document.querySelector('input').getAttribute('uid');
			document.querySelector('input').setAttribute('cid',3);
			document.querySelector('input').removeAttribute('uid');
			//h5
			document.querySelector('div').dataset;
			document.querySelector('div').dataset['uid'];
			document.querySelector('div').dataset.cid;
			
			
			
		</script>
	</body>
</html>
